<template>
  <div class="common-header">
    <span class="back icon iconfont">&#xe604;</span>
    <span class="title">分类</span>
    <span class="search icon iconfont">&#xe627;</span>
  </div>
</template>
<style lang="scss" scoped>
@import '../../assets/css/mixin';
.common-header {
  background-color: #f2f2f2;
  height: 50px;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 4;
  span {
    margin: 0 px2rem(20 / 2);
  }
  .back, .search {
    font-size: px2rem(50 / 2);
  }
  .title {
    flex: 1;
    font-size: px2rem(30 / 2);
    color: #666;
    text-align: center;
  }
}
</style>
